<template>
  <DigitalFlop :widget-data="widgetData" :models="models" />
</template>

<script lang="ts">
import { defineComponent } from "vue";
import DigitalFlop from "./components/digital-flop/index.vue";

export default defineComponent({
  components: { DigitalFlop },
  setup() {
    return {
      widgetData: [
        {
          label: "本年交易总额",
          value: "3203294010",
        },
      ],
      models: { width: 1100, height: 120, decimals: 0, suffix: "万" },
    };
  },
});
</script>

<style lang="less">
body {
  display: flex;
  height: 600px;
  justify-content: center;
  align-items: center;
  background: #02143c;
}
</style>
